<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../../assets/js/flex.js"></script>
    <link rel="stylesheet" href="../main.css">
    <link rel="stylesheet" href="../../assets/css/coffer.css">
    <link rel="stylesheet" href="../../assets/mui-master/dist/css/mui.min.css">
</head>
<body class="mui-ios mui-ios-11 mui-ios-11-0">

<nav class="mui-bar mui-bar-tab box-none">
    <a class="mui-tab-item mui-active" href="#tabbar">
        <img src="../../assets/img/coffer/wallet_active.png" class="coffer-icon" alt="">
        <span class="mui-tab-label" style="color: #0692C2;">钱包</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-chat">
        <img src="../../assets/img/coffer/market.png" class="coffer-icon" alt="">
        <span class="mui-tab-label">市场</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-contact">
        <img src="../../assets/img/coffer/scan.png" class="coffer-icon" alt="">
        <span class="mui-tab-label">浏览</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-map">
        <img src="../../assets/img/coffer/my.png" class="coffer-icon" alt="">
        <span class="mui-tab-label">我</span>
    </a>
</nav>
<div class="mui-content height-100">
    <div id="tabbar" class="mui-control-content mui-active height-100">
        <header class="mui-bar mui-bar-nav box-none">

            <ul class="coffer-box">
                <li>
                    <img src="../../assets/img/SVG_fenlei.png" alt="" class="saomaimg">
                </li>
                <li>
                    <img src="../../assets/img/coffer/ETN-title.png" class="coffer-titimg" alt="">
                </li>
                <li>
                    <img src="../../assets/img/saomiao.png" alt="" class="saomaimg">
                </li>
            </ul>
        </header>
        <div class="tit-box">
            <div class="coffer-bgbox">
                <div class="coffer-img">
                    <img src="../../assets/img/贝壳.png" alt="">
                </div>
                <div class="coffer-text">
                    <span>ETH-Wallet</span>
                      <p>
                          <span class="coffer-font coffer-keytext">xxxxxxxxxxxxxxx</span>
                          <span class="coffer-font coffer-endtxt"></span>
                          <img src="../../assets/img/coffer/copy.png" class="coffer-copy" alt="">
                      </p>
                </div>
                <div class="coffer-rg">
                    <img src="../../assets/img/slh.png" alt="">
                </div>
                <div class="coffer-money">
                    <span style="vertical-align: 7px">¥</span>
                    <span>0.00</span>
                </div>
            </div>
            <div class="coffer-tit">
                <h1>资产</h1>
                <span class="mui-icon mui-icon-plus"></span>
            </div>
        </div>
        <div class="coffer-refresh">
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="">
                        <div class="coffer-name">
                            <span class="img-box"><img src="../../assets/img/coffer/ETH.png" alt=""></span>
                            <span>ETH</span>
                        </div>
                        <div class="coffer-coffer-money">
                            <span>0.00</span>
                            <span style="text-align: right"><span style="margin-right: .05rem">¥</span>0.00</span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

    </div>

</div>
<!--安全提醒开始-->
<div class="safe-tips">
    <h1>安全提醒</h1>
    <p>你的身份助记词未备份，请务必备份助记词</p>
    <p>助记词可用于恢复身份下钱包资产，防止忘记密码、应用删除、手机丢失等情况导致资产损失。</p>
    <div class="safe-btn">
        <button>稍后提醒</button>
        <button>立即备份</button>
    </div>
</div>
<!--安全提醒结束-->
<script src="../../assets/mui-master/dist/js/mui.min.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
    //截取内容
    var txt = $('.coffer-keytext').html()
    //截取内容后几位
    var txtEnd = txt.substr(txt.length - 4, 4)
    //插入到尾部元素
    $('.coffer-endtxt').html(txtEnd)
    mui.init({
        swipeBack: true, //启用右滑关闭功能

    });


</script>
</body>
</html>